<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			function check(){
				let username = document.getElementById("username").value
				if(username.trim()==""){//空串为引号里面也为空,空格也没有;trim()为清除用户名的前置空格和后置空格,中间空格不清除
					document.getElementById("res1").innerHTML="姓名不能为空！"
					return false
				}
				let password=document.getElementById("password").value
				if(password.length<6){
					document.getElementById("res2").innerHTML="密码不能小于六位！"
					return false
				}
				let age=document.getElementById("age").value
				if(isNaN(age)||age<=0||age>=150){
					document.getElementById("res3").innerHTML="年龄不能大于150岁以及输入纯数字"
					return false
				}
				let phone=document.getElementById("phone").value
				let reg=/^1[0-9]{10}$///正则表达式
				if(!reg.test(phone)){
					document.getElementById("res4").innerHTML="必须是1开头的十一位数字"
					return false
				}
				return true
			}
		</script>
	</head>
	<body>
		<form action="" method="get" onsubmit="return check()">
			姓名：<input type="text" name="" id="username" /><span id="res1"></span><br>
			密码：<input type="password" name="" id="password" /><span id="res2"></span><br>
			年龄：<input type="text" name="" id="age"  /><span id="res3"></span><br>
			手机：<input type="text" name="" id="phone"  /><span id="res4"></span><br>
			<input type="submit" value="提交"/>
		</form>
	</body>
</html>
